{% extends "html/base.html" %}
{% block title %}About Book{% endblock %}
{% block head %}
    {{ super() }}
{% endblock %}

{% block bodyOnload %}
{% endblock %}

{% block aboutauthor %}
	"aboutauthor"
{% endblock %}

{% block aboutbook %}
	"aboutbook"
{% endblock %}

{% block contactus %}
	"contactus_selected"
{% endblock %}

{% block content %}
{% endblock %}

{% block commentform %}
<div id="commentFormBoundingBox">
	<form name="commentForm" action="/sign" method="post" onsubmit="return validateCommentForm();">
		<div id="commentForm">
			<div id="commentLabel">
				<label>Please leave a comment:</label>
			</div>
			<div id="authorInput">
				<input id="authorInputBox" class="inputText" onfocus="onHintTextboxFocus(this);" onblur="onHintTextboxBlur(this);" value="Enter name" name="author" maxlength="40" size="50">
			</div>
			<div id="commentInput">
				<textarea maxlength="200" class="inputText" onfocus="onHintTextboxFocus(this);" onblur="onHintTextboxBlur(this);" rows="3" cols="90" name="content" onkeydown="textCounter(this)" onkeyup="textCounter(this)">Enter Comment</textarea>
				<label id="remCharacters">Remaining characters: 200</label>
			</div>
		    <div>
		    	<input id="sendButton" type="image" src="../images/Send.png" value="" name="guest_comments_name">
		    </div>
	    </div>
	</form>
</div>
{% endblock %}